<template>
  <div class="footer">
    <div class="line0">
      <img class="logo-img" src="@/assets/images/logo.png" alt="logo" />
    </div>
    <div class="line1">
      <!-- <img class="logo-img" src="@/assets/images/logo.png" alt="logo" /> -->
      <div class="text">闽ICP备05023433号</div>
      <div class="text">公网安备：35030302354355</div>
    </div>
    <div class="line2">
      <!-- <img class="logo-img" src="@/assets/images/wlText.png" alt="logo" /> -->
      <div class="text">平台建设单位：温岭市教育局</div>
      <div class="text">平台承建单位：中国移动通讯有限公司温岭分公司</div>
      <div class="text">技术服务单位：杭州领航启学科技有限公司</div>
    </div>
    <!-- <div class="line3">
      <div class="title"><span></span> 关注或联系我们</div>
      <div class="text">添加温岭教育官方公众号、小程序</div>
      <div class="images">
        <img class="img" src="@/assets/images/gzh.png" alt="logo" />
        <img class="img" src="@/assets/images/xcx.png" alt="logo" />
      </div>
      <div class="text mb12">联系方式:18977687289</div>
      <div class="text">邮箱:18977687289@163.com</div>
    </div>
    <div class="line3">
      <div class="title mb35"><span></span>友情链接</div>
      <img class="img1" src="@/assets/images/zjjyt.png" alt="logo" />
      <div class="text mb20">浙江省教育厅</div>
      <img class="img1" src="@/assets/images/zjjyt.png" alt="logo" />
      <div class="text">浙江省教育厅</div>
    </div> -->
    <!-- <a href="https://github.com/HalseySpicy" target="_blank"> 2022 © Geeker-Admin By Geeker Technology. </a> -->
  </div>
</template>

<style scoped lang="scss">
.footer {
  display: flex;
  justify-content: center;

  // height: 342px;
  padding: 10px;
  color: #ffffff;
  background-color: #3f99f3;
  .line0 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    .logo-img {
      height: 48px;
      margin-bottom: 14px;
    }
  }
  .line1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 25px 0;
    font-size: 14px;

    .text {
      margin-bottom: 14px;
    }
  }
  .line2 {
    margin-top: 10px;
    margin-right: 68px;
    font-size: 14px;
    .logo-img {
      width: 284px;
      height: 36px;
      margin-bottom: 14px;
    }
    .text {
      margin-bottom: 14px;
    }
  }
  .line3 {
    margin-right: 118px;
    font-size: 14px;
    .title {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      font-size: 24px;
      font-weight: 700;
      span {
        display: inline-block;
        width: 6px;
        height: 28px;
        margin-right: 20px;
        background-color: #ffffff;
      }
    }
    .images {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px;
      margin-top: 15px;
      margin-bottom: 12px;
      img {
        width: 127px;
        height: 127px;
      }
    }
    .mb12 {
      margin-bottom: 12px;
    }
    .mb20 {
      margin-bottom: 20px;
    }
    .mb35 {
      margin-bottom: 35px;
    }
    .img1 {
      display: block;
      width: 243px;
      height: 56px;
      margin-bottom: 12px;
    }
  }
}
</style>
